//微软雅黑字体
@FONT-YAHEI: \5fae\8f6f\96c5\9ed1;
//宋体
@FONT-SONGTI: arial, \5b8b\4f53;
//文本超链接
@TXT-LINK: #707070;
//文本链接hover
@TXT-HOVER: #e74c3c;
//登录栏默认文字颜色
@TXT-DEFAULET: #707070;
//默认INPUT边框色，验证码边框色
@INPUT-DEFAULT: #e5e5e5;
//默认placeholder文字颜色
@LABEL-COLOR: #a0a0a0;
//输入INPUT后 文字颜色
@INPUT-IN: #a0a0a0;
//INPUT焦点边框颜色
@FOCUS-BORDER: #1abc9c;
//注册文字经过，提交按钮经过，错误提示文字，错误边框
@ERROR-INPUT: #EB2E00;
//计算m-wrap定位
@m-wrap-height:606px;
//.login-box 宽度
@login-box-w:322px;
body{
  background-color:#f7f5ed;
}

em{
  font-style: normal;
}
a{
  color:#543c01;
  &:hover{
    color:#1e5494;
  }
  &:focus {
    outline: none;
  }
}
.clearfix {
  *zoom:1;
  &:before,
  &:after{
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}
//顶部登录信息导航
.topbar{
  background-color: #f6f6f6;
  border-bottom: 1px solid #ebebeb;
  color: #666;
  .top_nav{
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    width: 1000px;
    .loginInfo{
      float: left;
      height: 28px;
      overflow: hidden;
      a{
        color:#696969;
      }
    }
    .r{
      float:right;
      .top-nav-other{
        a{
          margin: 0 5px;
        }
      }
    }
  }
}
//头部样式
.g-b .free,.g-b .product-total,.g-b .triangle,.g-b .protect-money,.g-b .tryOrder ul,.g-s .g-s-hd{
  background: url(../img/spr.png) no-repeat ;
}
.dt-header{
  background:url(../img/header.jpg) repeat-x center center #fc4475;
}
.g-c{
  margin: 0 auto;
  width: 1000px;
}

.dt-logo{
  background: url(../img/detail_logo.png) no-repeat left center;
  a{
    display: block;
    width: 240px;
    height: 88px;
    color:#fff;
    text-indent: -9999px;
    overflow: hidden;
  }
}
//详情页主导航
.mod-nav{
  background-color: #fc4475;
  .mod-nav-list{
    background-color: #ec3062;
    li{
      float: left;
      color: #d71549;
      a{
        display: inline-block;
        color: #fff;
        line-height: 30px;
        padding: 0 30px;
        &:hover{
          text-decoration:none;
          background:#d2104c;
        }
      }
    }
  }
}

//商品主要信息
.dt-content{
  background-color: #f6f6f6;
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom: 1px solid #e8e2cc;
  .g-b{
    margin: 0 auto;
    width: 970px;
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #e8e8e8;
  }
}
//商品详情
.g-b{
  .fl{
    float: left;
  }
  .fr{
    float: right;
  }
  //商品图
  .product-img{
    width: 295px;
    height: 295px;
    position: relative;
    float: left;
  }
  //商品描述
  .product-depict{
    float: right;
    width: 643px;
  }
  //商品标题
  .product-title{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    .activity-title{
      font-family: @FONT-YAHEI;
      font-size:18px;
      color:#555;
      float: left;
      .free{
        background-position:  -1px -51px;
        font-size: 12px;
        font-family: @FONT-SONGTI;
        display: block;
        width: 36px;
        height: 30px;
        padding-left: 2px;
        color: #fff;
        text-align: center;
      }
    }
    //结束倒计时
    .activity-time{
      color:#7c7b7b;
      .num{
        color:#767173;
        font-family: @FONT-SONGTI;
        font-size: 18px;
        vertical-align: middle;
      }
    }
  }
  //申请情况
  .product-num{
    color:#7c7b7b;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    li{
      float: right;
      .num{
        color:#ff5488;
        font-size: 14px;
        font-family: @FONT-SONGTI;
        vertical-align: middle;
      }
      .line{
        padding: 0 10px;
      }
    }
  }
  //申请操作
  .product-apply{
    position: relative;
    height: 72px;
    line-height: 72px;
    color: #fff;
    font-family: @FONT-YAHEI;
    font-size: 14px;
    background-color: #ec3062;
    margin: 10px -21px 10px 21px;
    //总份数
    .product-total{
      background-position:  0px -86px;
      margin-left: -33px;
      margin-right: 70px;
      padding-left: 45px;
      height: 72px;
      width: 242px;
      border-right: 1px dashed #fff;
      .total-num{
        font-size: 50px;
        font-family: @FONT-SONGTI;
        vertical-align: middle;
        padding: 0 10px;
      }
    }
    //申请按钮
    .join-btn{
      display: block;
      width: 150px;
      height: 44px;
      line-height: 44px;
      margin: 14px 0;;
      text-align: center;
      border-radius: 4px;
      font-size: 20px;
      color: #EC3062;
      text-shadow: 0 1px 0 rgba(253, 162, 187, 1);
      box-shadow: 0 0 2px #943952;
      background: #fcd857;
      background: -moz-linear-gradient(top, #fcd857, #ffcf2a);
      background: -webkit-gradient(linear,0 0,0 100%,from(#fcd857),to(#ffcf2a));
      background: -webkit-linear-gradient(top, #fed442, #fed442);
      background: -o-linear-gradient(top, #fcd857, #ffcf2a);
      filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcd857',endColorstr='#ffcf2a');/*ie6/7*/
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcd857',endColorstr='#ffcf2a')";/*ie8*/
    }
    .triangle{
      position: absolute;
      top: -9px;
      right: -1px;
      background-position:  -94px -55px;
      width: 8px;
      height: 12px;
    }
  }
  //商品保障
  .product-content{
    color:#7f7e7e;
    li{
      height: 33px;
      line-height: 33px;
      .text-num{
        font-family: @FONT-SONGTI;
        font-size: 30px;
        color:#ff3398;
        vertical-align: middle;
      }
      //担保金
      .protect-money{
        font-style: normal;
        width: 26px;
        height: 29px;
        display: inline-block;
        background-position: -63px -55px;
        text-indent: -9999px;
        vertical-align: middle;
      }
    }
    //试用流程
    .tryOrder{
      ul{
        padding-left: 22px;
        background-position:  2px -166px;
        .tryOrderTip{
          position: relative;
          height: 25px;
          line-height: 25px;
          display: block;
        }
        .tryOrderTip-title{
          font-weight: normal;
          font-size: 12px;
          line-height: 30px;
          cursor: pointer;
          .num{
            color:#ff3398;
          }
        }
      }
    }
  }
}

//关于商品的其他信息 中部
.g-c{
  .g-m-inner{
    margin-left: 230px;
  }
}
.p-bd{
  margin-top: 15px;
}
.g-m{
  width: 100%;
  float:left;
}
//左侧栏
.g-s{
  width:230px;
  float:left;
  margin-right: -230px;
  //商品所属信息
  .s-info-box{
    background-color: #fff;
    //商品所属VIP活动标识
    .g-s-hd{
      background-position:  0 0;
      height: 50px;
    }
  }
  //关于此商品的店铺信息
  .g-s-bd{
    color:#68687c;
    //店铺名称
    .s-mod-shops{
      height: 42px;
      line-height: 42px;
      border-bottom: 1px dashed #dbdbe3;
      padding: 0 16px;
    }
    //商家名称
    .s-mod-seller{
      padding: 12px 16px 30px;
      span{
        font-family: @FONT-SONGTI;
        font-weight: 700;
        color:#7b7276;
      }
    }
    //进入店铺
    .s-mod-into{
      padding: 0 18px;
      a.into-shop{
        width: 194px;
        height: 40px;
        background-color: #fef8fa;
        display: block;
        border-radius: 3px;
        border: 1px solid #f6d6e1;
        text-align: center;
        line-height: 40px;
        color: #ff4275;
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        box-shadow: 0 0 2px #f6d6e1;
        &:hover{
          background-color: #FFEFF4;
        }
      }
    }
    //扫描二维码
    .s-mod-scanning{
      text-align: center;
      padding-top: 10px;
      padding-bottom: 15px;
      .prompt{
        padding-bottom: 10px;
        color:#83787c;
      }
    }
  }
  //店主推荐
  .s-rec-box{
    margin-top:25px;
  }
}
//店主推荐标题+更多
.mode-box-hd{
  color:#665c60;
  padding-bottom: 5px;
  border-bottom:2px solid #ff3d71;
  font-family: @FONT-YAHEI;
  .mod-box-tit{
    font-size: 16px;
    float: left;
  }
  .mod-box-nav{
    float: right;
    width: 120px;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 5px;
    height: 25px;
    overflow: hidden;
    display: inline;
    .more{
      color: #9b9ca6;
      display: inline;
      margin-top: 1px;
      font-size: 12px;
      font-family: @FONT-SONGTI;
      float: right;
    }
  }
}
//店主推荐商品框
.mod-box-bd{
  background-color: #fff;
  zoom: 1;
  .no-dashed{
    border-top: 0;
  }
  li{
    border-top: 1px dashed #dbdbe3;
    .mod-goods{
      padding: 16px;
    }
    .mod-goods-img{
      overflow: hidden;
      a{
        width: 200px;
        height: 166px;
        display: block;
      }
    }
    .mod-goods-tit{
      margin-top: -28px;
      background-color: #4a373d;
      opacity: 0.5;
      filter: alpha(opacity=50);
      a{
        width: 200px;
        height: 28px;
        line-height: 28px;
        color: #fff;
        display: block;
        text-align: center;
      }
    }
  }
}


